<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>首页布局</title>
    <link rel="stylesheet" href="./css/normal.css">
    <script src="../../common/lib/jquery/jquery-3.3.1.min.js"></script>
    <script src="../../common/lib/echarts/echarts.js"></script>
    <script src="js/normal.js"></script>
</head>
<body>
<div class="normal-main">
    <div class="top">
        <div class="number"></div>
        <div class="number"></div>
        <div class="number"></div>
    </div>
    <div class="bottom">
        <div class="normal-col">
            <section class="normal-border-style">
                <section class="normal-title">
                    <h3>设备故障情况</h3>
                </section>

                <section class="normal-content" id="faultChart">

                </section>
            </section>
        </div>
        <div class="normal-col">
            <section class="normal-border-style">
                <section class="normal-title">
                    <h3>预警工单</h3>
                </section>
                <section class="normal-content">
                    <table>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>8</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                            <tr>
                                <td>10</td>
                                <td>设备XXX故障了,23小时,未维修</td>
                                <td>2012年3月1日</td>
                            </tr>
                        </tbody>
                    </table>
                </section>
            </section>
        </div>
        <div class="normal-col">
            <section class="normal-border-style">
                <section class="normal-title">
                    <h3>未完成工单</h3>
                </section>

                <section class="normal-content">
                    <table>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        </tbody>
                    </table>
                </section>
            </section>
        </div>
        <div class="normal-col">
            <section class="normal-border-style">
                <section class="normal-title">
                    <h3>已完成工单</h3>
                </section>

                <section class="normal-content">
                    <table>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>设备XXX故障了,23小时,未维修</td>
                            <td>2012年3月1日</td>
                        </tr>
                        </tbody>
                    </table>
                </section>
            </section>
        </div>
    </div>
</div>

</body>
</html>